<template>
  <div class="Crity_items">
     <div>
	     <ul>
		     <li><h1>当前位置</h1></li>
			 <li>sadsadsadsad</li>
			 <li><h1>选择城市</h1></li>
			 <li v-for="(crity,index) in  ctityList">{{crity.crityName}}</li>
		 </ul>
	 </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      ctityList:[]
    }
  },
  created(){
      this.jzCrity();
  },
  methods:{
       jzCrity(){
	        this.$axios.get("http://localhost/dudubas_crity_jz.php").then(e1=>{
			     this.ctityList = e1.data
			})
	   }
  }
}
</script>

<style scoped>
*{margin:0;padding:0;}
.Crity_items{
      background:#ffffff;
	  width:100%;
	  height:100vh;
	  position:fixed;
	  top:8vh;
	  z-index:100;
   }
   
.Crity_items li{
     width:100%;
	 height:5vh;
	 background:#ffffff;
	 display:flex;
	 padding-left:2vw;
	 align-items:center;
	 font-size:1.6rem;
	 border-bottom:1px solid ##eceff4;
}
  .Crity_items ul li:nth-child(1){
     background:#eceff4;
  }
  .Crity_items ul li:nth-child(3){
     background:#eceff4;
  }
  .Crity_items h1{
      font-size:1.8rem;color:#a89daa;
  }
</style>
